﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>机构用户中心</title>
    <link href="../css/base.css" rel="stylesheet" />
    <!--字体图标-->
    <link href="../font/iconfont.css" rel="stylesheet" />
    <link href="../css/bootstarp.units.css" rel="stylesheet" />
    <link href="../css/InstitutPublic.css" rel="stylesheet" />
    <link href="../css/announcements.css" rel="stylesheet" />
</head>
<body>
    <div class="top">
        <div class="top-main">
            <div class="top_right">
                <ul>
                    <li class="mm">
                        <a href="javascript://"><b>机构平台</b></a><em></em>
                    </li>
                    <li class="ms">
                        <a href="javascript://"><i class="icon iconfont">&#xe600;</i><b>导航</b></a>
                        <div class="xialaBox">
                            <div class="fleft xl">
                                <h5>文化分类</h5>
                                <div class="nav-list">
                                    <p><a href="javascript://">亲子活动</a></p>
                                    <p><a href="javascript://">公益活动</a></p>
                                    <p><a href="javascript://">展览展会</a></p>
                                    <p><a href="javascript://">名家讲坛</a></p>
                                    <p><a href="javascript://">技术研讨</a></p>
                                    <p><a href="javascript://">全名可普</a></p>
                                </div>
                            </div>
                            <div class="fleft xr">
                                <h6><a href="javascript://">活动讲座</a></h6>
                                <h6><a href="javascript://">文化资源</a></h6>
                                <h6><a href="javascript://">场馆预约</a></h6>
                                <h6><a href="javascript://">机构广场</a></h6>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top_left">欢迎你，小芝麻<a href="javascript://">退出</a></div>
        </div>
    </div>
    <div class="head">
        <a href="javascript://" class="logos"><img src="../images/org-logo.jpg"/></a>
    </div>
    <div class="content" id="content">
        <div class="leftNav" id="leftNav">
            <ul>
                <li><a href="../organization/InstitutUserC.html">机构主页</a></li>
                <li><a href="../organization/InstitutMessage.html">机构信息</a></li>
                <li><a href="../organization/SiteManage.html">场地管理</a></li>
                <li><a href="../organization/ActivityManage.html">活动管理</a></li>
                <li><a href="../organization/MemberManage.html">成员管理</a></li>
                <li><a href="../organization/VenueRental.html">场地出租</a></li>
                <li><a href="../user/UserManage.html">用户管理</a></li>
                <li><a href="../organization/NotificatMessage.html">通知消息</a></li>
                <li><a href="../organization/StateMessage.html">统计管理</a></li>
                <li><a href="../organization/AuthorityMessage.html">权限管理</a></li>
                <li class="current"><a href="../organization/Announcements.html">公告管理</a></li>
                <li><a href="../organization/MaterialDesign.html">物料设计</a></li>
                <li><a href="../organization/CulturalResources.html">文化资源</a></li>
            </ul>
        </div>
        <div class="rightCont">
            <div class="right_head">
                <p>
                    <a href="javascript://"><i class="icon iconfont">&#xe604;</i></a>
                    <b></b>
                    <a href="javascript://">注销</a>
                </p>
                场地管理中心
            </div>
            <div id="cnt" class="silde-content">
                <!-- 右边内容主体块 -->
                <div class="jg_title">
                    <a href="javascript://" onclick="add('site_1')" class="click-link">新建公告</a>
                    <h1>公告管理</h1>
                    <p>管理，发布机构公告</p>
                </div>
                <div class="announ">
                    <ul>
                        <li>
                            <a href="javascript://">刘威呼吁艺术家回归话剧舞台：这是一片净土</a>
                            <p>2016-01-11 至 2016-02-01</p>
                        </li>
                        <li>
                            <a href="javascript://">刘威呼吁艺术家回归话剧舞台：这是一片净土</a>
                            <p>2016-01-11 至 2016-02-01</p>
                        </li>
                        <li>
                            <a href="javascript://">刘威呼吁艺术家回归话剧舞台：这是一片净土</a>
                            <p>2016-01-11 至 2016-02-01</p>
                        </li>
                        <li>
                            <a href="javascript://">刘威呼吁艺术家回归话剧舞台：这是一片净土</a>
                            <p>2016-01-11 至 2016-02-01</p>
                        </li>
                        <li>
                            <a href="javascript://">刘威呼吁艺术家回归话剧舞台：这是一片净土</a>
                            <p>2016-01-11 至 2016-02-01</p>
                        </li>
                        <li>
                            <a href="javascript://">刘威呼吁艺术家回归话剧舞台：这是一片净土</a>
                            <p>2016-01-11 至 2016-02-01</p>
                        </li>
                        <li>
                            <a href="javascript://">刘威呼吁艺术家回归话剧舞台：这是一片净土</a>
                            <p>2016-01-11 至 2016-02-01</p>
                        </li>
                        <li>
                            <a href="javascript://">刘威呼吁艺术家回归话剧舞台：这是一片净土</a>
                            <p>2016-01-11 至 2016-02-01</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="add" style="display:none;">
                <div class="jg_title">
                    <a class="click-link pull-right" href="javascript://" onclick="off()">取消</a>
                    <h1>创建公告</h1>
                    <p>填写公告的标题、内容、有效时间</p>
                </div>
                <div class="layer-body form-horizontal">
                    <fieldset class="form-body">
                        <div class="form-group">
                            <label class="control-label">公告标题：</label>
                            <div class="controls">
                                <input type="text" class="form-control col-md-8" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">有效时段：</label>
                            <div class="controls" style="position: relative;">
                                <div class="time">
                                    <p>开始</p>
                                    <input type="text" class="form-control col-md-3" id="stime" style=" padding-left:35px; color:#808080" value="选择日期" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',autoPickDate:true,readOnly: true})"  />
                                </div>
                                <div class="time">
                                    <p>结束</p>
                                    <input type="text" class="form-control col-md-3" style=" padding-left: 35px; color: #808080" value="选择日期"  onfocus="WdatePicker({minDate:'#F{$dp.$D(\'stime\')}',dateFmt:'yyyy-MM-dd HH:mm:ss',autoPickDate:true,readOnly: true})"    />
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">公告内容：</label>

                            <div class="controls" style=" border:#d3d0d0 1px solid; width:700px;">
                                <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
                                <!--<div class="ibox-content no-padding">-->
                                    <!--<div class="summernote">-->
                                        <!--<h3>公告内容区域</h3>-->
                                        <!--以色列经典话剧亮相北京 8个葬礼诠释“生与死” <strong>国家大剧院将上演黄梅戏《牛郎织女》《女驸马》</strong> 江珊出演两部古希腊悲剧：我接到了最难演的角色-->
                                        <!--<br />-->
                                        <!--<br />-->
                                        <!--<ul>-->
                                            <!--<li>新京报：戏曲推广，不可只靠白先勇</li>-->
                                            <!--<li>新京报：戏曲推广，不可只靠白先勇</li>-->
                                            <!--<li>新京报：戏曲推广，不可只靠白先勇</li>-->
                                        <!--</ul>-->
                                    <!--</div>-->
                                <!--</div>-->
                            </div>
                        </div>
                        <div class="form-group text-right">
                            <button type="button" id="save" class="btn green" onclick="onsave(this)" data-ids="">保存</button>
                            <button type="button" id="keep" class="btn">取消</button>
                        </div>
                    </fieldset>

                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../plugins/layer/layer.js"></script>
    <script src="../js/animate.js"></script>
    <!-- 文本编辑器 -->
    <script type="text/javascript" charset="utf-8" src="../plugins/ueditor1_4_3_3-utf8-jsp/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="../plugins/ueditor1_4_3_3-utf8-jsp/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="../plugins/ueditor1_4_3_3-utf8-jsp/lang/zh-cn/zh-cn.js"></script>
    <!-- 时间控件 -->
    <script src="../plugins/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript">
        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        var ue = UE.getEditor('editor');
        var add = function (e) {
            $("#add").show().find("#save").attr("data-ids", e);
            $("#cnt").hide()
        };
        var off = function () {
            $("#add").hide()
            $("#cnt").show()
        }
        var keep = $("#keep");
        var save = $("#save");
        var edit = $("#edit");
        var onsave = function (s) {
            var id = $(s).attr("data-ids");//获取指定场馆的id值
            //提交保存数据的逻辑
            console.log(id);

            keep.show();
            save.hide();
            edit.hide();
            off();
        }
        $(function () {
            //侧导航高度自适应
            onscrolls2();
        })
        $(document).ready(function () {

        });


    </script>
</body>
</html>
